<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>fetch提交JSON</h2>
    <button class="btn">提交JSON</button>
    <!-- 提交json需要自行设置请求头 -->
    <!-- 使用fetch API发送包含JSON数据的请求（通常是POST或PUT请求）时，需要设置请求头（headers）中的Content-Type为application/json。 -->
    <script>
        document.querySelector('.btn').addEventListener('click',async function(){
            // 实例化header
            let header=new Headers()
            header.append('content-type','application/json')
            const res=await fetch('http://hmajax.itheima.net/api/register',{
              method:'post',
              header,
              body:JSON.stringify({
                username:'itheima666',
                password:'123456'
              }),
              
            })
            const resData=await res.json()
            console.log(resData);
        })
    </script>
</body>
</html>